<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<meta name="author" content="dongdung" />
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    
    <link rel="stylesheet" type="text/css" href="css/mypages.css" />
    
    <script type="text/javascript"  src="js/jquery.js"></script>
    <script type="text/javascript"  src="js/html5.js"></script>
    <script type="text/javascript"  src="js/mypages.js"></script>
	
</head>

<body>

<header>
    <div class="container"><img src="img/header.jpg" /></div>
</header>

<div class="container clearfix mypage mypage_service">
        <div id="tests">
            <div>
            </div>
        </div>
        <!-- Begin: Breadcrumb -->
        <dl class="breadcrumb">
            
            <span class="home"></span>홈<span class="cursor"></span>마이페이지<span class="cursor"></span><strong>마이 쇼핑정보</strong>
        </dl>
        <!-- End: Breadcrumb -->
        
        
    <div id="left">
        <div id="pointer">
            <img src="img/mypage/icon_pointer.png" />
        </div><!--end pointer -->
       
        <div id="link">
            <a href="mypage_premium_shop.htm" id="link1"><img src="img/mypage/banner2.png" alt="" /></a>
            <a href="mypage_mileage_shop.htm" id="link2"><img src="img/mypage/banner1.png" alt="" /></a>
        </div>  
        <div id="menu" class="conner5">
                  
            <div id="first">
            <p class="title">마이 쇼핑정보</p>
            <ul>
                <li><a href="mypage_order.htm">주문/배송 조회</a></li>
                <li><a href="mypage_change.htm">주문정보 변경</a></li>
                <li><a href="mypage_cancel.htm">주문 취소</a></li>                
                <li><a href="mypage_return.htm">반품/환불</a></li> 
                <li><a href="mypage_receipt.htm">영수증 신청/발급</a></li>
                <li class="active"><a href="mypage_service.htm">내가 신청한 서비스</a></li>
                 
            </ul>
            </div>
            <div id="second">
            <p class="title">참좋은 혜택</p>
            <ul>
                <li><a href="mypage_coupon.htm">내 쿠폰함</a></li>
                <li><a href="mypage_point.htm">포인트 내역</a> </li>
                <li><a href="mypage_bemoney.htm">예치금 관리</a></li>
                <li><a href="mypage_giftcard.htm">기프트카드 </a></li> 
                <li><a href="mypage_event.htm">이벤트 당첨확인 </a></li>
                  
            </ul>
            </div>
            
            <div id="third">
            <p class="title">마이 위쉬리스트</p>
             <ul>
                <li><a href="mypage_wishlist.htm">찜한 상품</a></li>
                <li><a href="mypage_brand.htm">관심 브랜드</a></li>
                <li><a href="mypage_review.htm">관심리뷰</a></li>
               
            </ul>
            </div>
            
            <div id="fourth">
            <p class="title">마이 글모음</p>
            <ul>
                <li><a href="mypage_ripple.htm">상품 리뷰</a></li>
                <li><a href="mypage_answer.htm">1:1상담</a></li>
                <li><a href="mypage_question.htm">상품 문의/신고 내역</a></li>
               
            </ul>
            </div>
            
            <div id="fifth">
            <p class="title">마이정보</p>
            <ul>
                <li><a href="mypage_info_modify.htm"> 회원 정보 수정</a></li>
                <li><a href="mypage_info_address.htm">나의 주소록</a></li>
                <li><a href="mypage_info_aniversary.htm">나의 기념일</a></li>
                <li><a href="mypage_info_grade.htm">회원 등급 확인</a></li> 
                <li><a href="mypage_info_member.htm">회원탈퇴</a></li>               
            </ul>
            </div>
        </div><!--end #menu -->
        
        
    </div><!--end #left -->
    <div id="right">
        <div id="top" class="conner3">
            
                <div id="g_left">
                    <div id="g_icon">
                        
                        <img id="icon1" src="img/mypage/icon_gold.jpg" alt="" />
                        <p>등급별 혜택보기<img src="img/mypage/g_icon_left.png"/></p>
                    </div>
                     <div id="g_text">
                     <p><strong class="g_icon_user"></strong><strong class="color666">김정희</strong>님, 고객님은 바보사랑의 소중한<strong class="g_icon_gold"> GOLD</strong>회원이십니다. </p>
                     <p id="second">오늘도 저희 바보사랑을 방문해 주셔서 감사합니다.</p>
                     </div>
                     <div id="g_sum">
                     <p><span class="g_sum_p">3,000</span>
                        <span class="g_sum_coupon">2</span>
                        <span class="g_sum_wish">4</span>
                     </p>
                     </div>
                     <div id="g_tooltip">
                        <p><strong style="color: #ffd200;">FAMILY </strong>등급 회원이되시려면 3회의 추가 구입을</p>
                        <p>하시거나 <strong style="color: #ff5b90;">204,000</strong>원 이상의 구매를 하셔야합니다.</p>

                     </div>
                </div>
                <div id="g_right">
                <p class="g_right_title"><strong>김정희</strong> 고객님께서 주문하신 <strong>상품 배송 현황</strong></p>
                <p class="pink" id="pink1">배송 준비중<br /><span class="number">0</span></p>
                <p class="pink" id="pink2">배송 중<br /><span class="number">3</span></p>
                <p class="pink" id="pink3">배송 완료<br /><span class="number">5</span></p>
                </div>
        </div><!--end #top -->
           
        <div id="main">
             <div id="cancel">
            
            <p id="title"><img src="img/mypage/txt_mypage_service_title.png" width="120" height="16" /></p>
            <p id="content">(최근 3개월간) 고객님이 신청하신 서비스의 처리내역입니다.</p>

            <p class="conner3" id="action_search">
                <span class="lbl_search">주문검색</span>
                <span class="input_text"><input id="input" type="text" value="221401191730016001"/></span>
                 <span class="btn_lastest_search btn_action2 action conner3" id="btn_lastest_search">주문검색</span>
            </p>
            </div><!--end #cancel -->
            
               
              
                        
              <div id="result">
                    <table class="conner3" >
                                <tr id="row1">
                                    <th id="col1">서비스 구분</th>
                                    <th id="col2">상태</th>
                                    <th id="col3">관련주문번호</th>
                                    <th id="col4">접수제목</th>
                                    <th id="col5">접수일자</th>
                                    <th id="col6">완료일자</th>
                                    <th id="col7">상세보기</th>
                                    
                                                       
                                </tr><!--end row2 -->
                                <tr id="row2">                                    
                                    <td id="col1">주문취소</td>
                                    <td id="">완료</td>                                  
                                    <td id="col3" class="change">25468888796201235423</td>
                                     <td>카드 결제전 전체취소</td>  
                                    <td>2014-01-23</td>
                                    <td>2014-01-23</td>                                                                      
                                    <td id="col7">
                                         <div class="btn_action action conner3" id="btn_detail">상세보기</div>                                        
                                    </td>
                                </tr><!--end row2 -->
                                <tr id="row3">
                                    
                                    <td id="col1">주문취소</td>
                                    <td >완료</td>                                  
                                    <td id="col3" class="change">25468888796201235423</td>
                                     <td>카드 결제전 전체취소</td>  
                                    <td>2014-01-23</td>
                                    <td>2014-01-23</td>                                                                      
                                    <td id="col7">
                                         <div class="btn_action action conner3" id="btn_detail">상세보기</div>                                        
                                    </td>
                                </tr><!--end row2 -->
                                <tr id="row4">
                                    <td id="col1">주문취소</td>
                                    <td >완료</td>                                  
                                    <td id="col3" class="change">25468888796201235423</td>
                                     <td>카드 결제전 전체취소</td>  
                                    <td>2014-01-23</td>
                                    <td>2014-01-23</td>                                                                      
                                    <td id="col7">
                                         <div class="btn_action action conner3" id="btn_detail">상세보기</div>                                        
                                    </td> 
                                </tr><!--end row2 -->
                                <tr id="row5">
                                    
                                    <td id="col1">주문취소</td>
                                    <td >완료</td>                                  
                                    <td id="col3" class="change">25468888796201235423</td>
                                     <td>카드 결제전 전체취소</td>  
                                    <td>2014-01-23</td>
                                    <td>2014-01-23</td>                                                                      
                                    <td id="col7">
                                         <div class="btn_action action conner3" id="btn_detail">상세보기</div>                                        
                                    </td>
                                </tr><!--end row2 -->
                                <tr id="row6">
                                    
                                    <td id="col1">주문취소</td>
                                    <td >완료</td>                                  
                                    <td id="col3" class="change">25468888796201235423</td>
                                     <td>카드 결제전 전체취소</td>  
                                    <td>2014-01-23</td>
                                    <td>2014-01-23</td>                                                                      
                                    <td id="col7">
                                         <div class="btn_action action conner3" id="btn_detail">상세보기</div>                                        
                                    </td>
                                </tr><!--end row2 -->
                                <tr id="row7">
                                    
                                    <td id="col1">주문취소</td>
                                    <td >완료</td>                                  
                                    <td id="col3" class="change">25468888796201235423</td>
                                     <td>카드 결제전 전체취소</td>  
                                    <td>2014-01-23</td>
                                    <td>2014-01-23</td>                                                                      
                                    <td id="col7">
                                         <div class="btn_action action conner3 " id="btn_detail">상세보기</div>                                        
                                    </td>
                                </tr><!--end row2 -->
                            </table><!-- -->
                            
                            
                             <div class="pagination">
                                 <ul>
                                    <li class="conner3" id="first"><a href="#">처음</a></li>
                                    <li class="conner3"><a href="#">&lt;</a></li>
                                    <li class="active conner3"><a href="#">1</a></li>
                                    <li class="conner3"><a href="#">2</a></li>
                                    <li class="conner3"><a href="#">3</a></li>
                                    <li class="conner3"><a href="#">4</a></li>
                                    <li class="conner3"><a href="#">5</a></li>
                                    <li class="conner3"><a href="#">6</a></li>
                                    <li class="conner3"><a href="#">7</a></li>
                                    <li class="conner3"><a href="#">8</a></li>
                                    <li class="conner3"><a href="#">9</a></li>
                                    <li class="conner3"><a href="#">10</a></li>
                                    <li class="conner3"><a href="#">&gt;</a></li>
                                    <li class="conner3" id="last"><a href="#">끝</a></li>
                                  </ul>
                            </div><!-- end pagination -->
                        
              </div><!--end #result -->
                       
               
                
               
            
            
            <div id="tip">
            <p id="title"><img src="img/mypage/txt_tip.png" width="75" height="16" /></p>
            <ul>
                <li>- 고객님께서 요청하신 각 요청 별로 현재의 진행상태를 확인해보실 수 있습니다.</li>
                <li>- 주문번호를 누르시거나, 상세보기 버튼을 누르시면, 해당 내역을 상세히 보실 수 있습니다.</li>
               


            </ul>
            </div><!--end #tip -->
            

        </div> <!-- end main-->   
    </div><!--end #right -->
    
    
    
    <div id="overflow"></div>
<div id="service_popup" class="mypage_popup" >
    
    <div class="mypage_popup_header">
    <img src="img/mypage/service_popup_header.jpg" width="700" height="100" />
    <img class="btn_close action" src="img/mypage/btn_close_popup.png" width="28" height="28" />
    	<p class="title">고객님께서 요청해주신 서비스의 상세 내역입니다.</p>
    </div><!--end modal-header -->
    <div  class="mypage_popup_body">
        
          <div class="table_style" id="checkout">
                <div class="table_header">
                    <p id="p_title"><img src="img/mypage/service_popup_title1.jpg" width="64" height="18" /></p>                    
                </div><!--end table_header --> 
                <table class="conner3">
            
                <tr class="row1">
                    <td class="col1">주문번호</td>
                    <td class="col2"> 221312130924379170</td>
                    <td class="col3">접수사유</td>
                    <td class="col4">단순변심 </td>
                </tr>
                <tr class="row2">
                    <td class="col1">접수일</td>
                    <td class="col2">2013-12-13 </td>
                    <td class="col3">처리일시</td>
                    <td class="col4">완료 </td>
                </tr>
                <tr class="row3 last">
                    <td class="col1">접수내용</td>
                    <td class="col4" colspan="3">무통장 결제전 전체취소</td>
                    
                </tr>
                
                </table><!--end #checkout  table-->
          </div><!--end #checkout-->
            
           <div class="data">
            <div class="table_header">
                    <p id="p_title"><img src="img/mypage/service_popup_title2.jpg" width="94" height="18" /></p>
                    
                </div><!--end table_header -->
               <table class="conner3 ">
               
                <tr class="row1">
                    <th class="col1">상품코드/배송정보</th>
                    <th class="col2">상품명</th>
                    <th class="col3">판매가</th>  
                    <th class="col4">수량</th>  
                    <th class="col5">소계금액</th>                                         
                </tr>
                <tr class="row2 last">
                    <td class="col1">974194<br />업체배송</td>
                    <td class="col2 sample">
                        <img src="img/mypage/service_popup_sample1.jpg" width="37" height="79" />
                        <span>[베이비바스]<br />바텀스업 베이비 바디워시 250ml </span>
                    </td>
                    <td class="col3">27,300 원 </td>
                    <td class="col4">1</td>
                    <td class="col5">27,300 원</td>
                                                       
                </tr>  
                                       
                </table><!--end #personal  table-->
           </div> 
            
           



            <div class="table_style" id="checkout">
                <div class="table_header">
                    <p id="p_title"><img src="img/mypage/service_popup_title3.jpg" width="100" height="18" /></p>
                    
                </div><!--end table_header -->

                <table class="conner3">
                <tr class="row1">
                    <td class="col1"> 주문취소사유</td>
                    <td class="col2"> 단순변심</td>
                    <td class="col3">상세사유</td>
                    <td class="col4">기타</td>
                </tr>
                
                <tr class="row2">
                    <td class="col1">결제정보</td>
                    <td class="col2">무통장입금</td>
                    <td class="col3">환불방법</td>
                    <td class="col4">무통장입금</td>
                </tr>
                 <tr class="row3">
                    <td class="col1">환불 계좌 은행</td>
                    <td class="col2">&nbsp;</td>
                    <td class="col3">환불계좐번호</td>
                    <td class="col4">&nbsp;</td>
                </tr>
                 <tr class="row4 last">
                    <td class="col1">환불 예정 금액</td>
                    <td class="col2">0원</td>
                    <td class="col3">반품사유/요청사항</td>
                    <td class="col4">요청사항 고객직접 취소처리</td>
                </tr>
                
                </table><!--end #checkout  table-->
            </div><!--end #checkout-->
        
        
         <div class="button">
            <div class="btn_action conner3 action btn_close" id="btn_right">닫기</div>
         </div>
       
    </div><!-- end search_popup_body-->
</div><!--end #search_popup -->
</div><!--end wrappper -->
  
<footer>
    <div class="container"><img src="img/footer.jpg" /></div>
</footer><!--end footer -->

</body>
</html>